import React from 'react';
import { Icon, Grid, } from 'antd-mobile';

import seach from '../../assets/icon/搜索.png';
import help from '../../assets/icon/帮助.png';
import shuru from '../../assets/icon/输入.png';
import zfa from '../../assets/icon/zfa.png';
import zfc from '../../assets/icon/zfc.png';
import se from '../../assets/icon/搜索.png';

const list = [
  { text: '我的住房',icon:seach },
  { text: '我的投票',icon:help },
  { text: '欢迎',icon:shuru },
  { text: '春节',icon:zfa },
  { text: '春节',icon:zfc },
  { text: '春节',icon:se },
  { text: '春节',icon:seach },
  { text: '春节',icon:seach }
]

export default class GridGe extends React.Component {
  render() {
    return (
      <div className="sub-title">
        {/*<Grid data={data} columnNum={3} hasLine={false} activeStyle={false} />*/}

        <Grid data={list} columnNum={3} isCarousel onClick={(_el, index) => alert(index)} />

      </div>
    );
  }
}
